﻿<!DOCTYPE html>
<html>
	<head>
		<meta chaset="utf-8" />
		<title>画布叠加</title>
		<script type="text/javascript" src="../../jquery-1.7.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			var canvas = $("#canvas");
			var context = canvas.get(0).getContext("2d");
			
			context.fillStyle = "rgb(63,169,245)";
			context.fillRect(50,50,100,100);
			context.globalAlpha = 0.5;
			context.fillStyle = "rgb(255,123,172)";
			context.fillRect(100,100,100,100);
		});
		</script>
	</head>
	<body>
		<canvas id="canvas" width="500" height="500">
			<h1>对不起，您的浏览器不支持CANVAS。请更新最新的浏览器。</h1>
		</canvas>
	</body>
</html>